.o_sidebar_menu {
    // top: $o-navbar-height;
    position: absolute;
    display: flex;
    flex-direction: column;
    height: 100vh;
    max-width: $o-sidebar-menu-width ;
    min-width: $o-sidebar-menu-collapse-width;
    background: $o-sidebar-menu-background;
    border-right: $o-side-navbar-border-right;

    &.sidebar-maximize {
        transition: all 0.3s;
    }

    .o_sidebar_menu_brand {
        @include print-variable(o-side-navbar-brand-height, $o-side-navbar-brand-height);

        // height: var(--o-side-navbar-brand-height);
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        flex: 0 0 auto;
        height: $o-side-navbar-brand-height;
        // background: $o-side-navbar-brand-background;
        border-bottom: $o-side-navbar-brand-border-bottom;

        .o_sidebar_menu_brand_inner_wrapper {
            height: $o-side-navbar-brand-height;
            border-bottom: $o-side-navbar-brand-border-bottom;

            .brand-logo {
                display: flex;
                justify-content: center;
                margin-right: 0;
            }

            img {
                max-width: 190px !important;
                max-height: calc(var(--o-side-navbar-brand-height) - 4px);
            }

            .o_sidebar_menu_toggler {
                min-width: 32px;
                &:focus {
                    box-shadow: none;
                }
            }
        }
    }

    .o_sidebar_menu_accordion {
        padding: 0;
        overflow-y: auto;

        &::-webkit-scrollbar {
            width: 5px !important;
        }


        .o_sidebar_menu_accordion_item {
            .o_sidebar_menu_accordion_item_app {
                .accordion-header {
                    .o_sidebar_menu_accordion_button_app {
                        line-height: 1.8rem;
                        padding: 0.5rem;
                        display: flex;
                        align-items: center;
                        font-size: 1rem;

                        &:not(.collapsed){
                            background-color:transparent;
                            box-shadow:none;
                        }

                        &.active,
                        &.active:hover {
                            color: $o-side-navbar-app-item-entry-active-color;
                            background-color: $o-side-navbar-app-item-entry-active-bg;
                            border-left: none;

                            .menu-badge {
                                background-color: $o-danger;
                            }
                        }

                        &:hover {
                            border-left: 2px solid $o-side-navbar-item-hover-border;
                            background-color: $o-side-navbar-item-hover-bg;
                        }

                        img.menu-icon {
                            height: 24px;
                            width: 24px;
                            margin-right: 0.5rem;
                        }

                        .menu-badge {
                            // margin-right: -0.5em;
                            border: 0;
                            color: $o-white;
                            padding: ($o-side-navbar-menu-item-padding * 0.5) $o-side-navbar-menu-item-padding;
                            background-color: var(--o-side-navbar-menu-item-badge-bg,
                                #{$o-side-navbar-menu-item-badge-bg});
                            font-size: $o-side-navbar-menu-item-badge-size;
                            text-shadow: 1px 1px 0 rgba(#000, 0.3);
                        }

                        &.no_submenus,&.no_arrow {
                            background-color:transparent;
                            box-shadow:none;
                            &::after {
                                display: none;
                                // background-image: none;
                            }
                        }
                    }
                }

                .accordion-collapse {
                    .accordion-body {
                        padding: 0.1rem 0 0.1rem 1rem;

                        .accordion {
                            .accordion-header {
                                .o_sidebar_menu_accordion_button_menu {
                                    line-height: 1.8rem;
                                    padding: 0.5rem;
                                    display: flex;
                                    align-items: center;
                                    font-size: 1rem;


                                    &.active,
                                    &.active:hover {
                                        border-left: 2px solid $o-side-navbar-menu-item-active-color;
                                        color: $o-side-navbar-menu-item-entry-active-color;
                                        background-color: $o-side-navbar-menu-item-entry-active-bg;
                                    }

                                    &:hover {
                                        border-left: 2px solid $o-side-navbar-item-hover-border;
                                        background-color: $o-side-navbar-item-hover-bg ;
                                    }

                                    .menu-icon {
                                        height: 24px;
                                        width: 12px;
                                        margin-right: 0.5rem;

                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                    }

                                    .menu-lable {
                                        // width: 150px;
                                        text-align: left;
                                    }

                                    .menu-badge {
                                        // margin-right: -0.5em;
                                        border: 0;
                                        color: $o-white;
                                        padding: ($o-side-navbar-menu-item-padding * 0.5) $o-side-navbar-menu-item-padding;
                                        background-color: var(--o-side-navbar-menu-item-badge-bg,
                                            #{$o-side-navbar-menu-item-badge-bg});
                                        font-size: $o-side-navbar-menu-item-badge-size;
                                        text-shadow: 1px 1px 0 rgba(#000, 0.3);
                                    }

                                    &.no_submenus,&.no_arrow {
                                        &::after {
                                            display: none;
                                            // background-image: none;
                                        }
                                    }
                                }
                            }
                        }


                    }
                }
            }
        }
    }
}